
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>二维码生成器</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
        <style>
            body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; }
            h1 { text-align: center; }
            .container { display: flex; flex-direction: column; align-items: center; }
            input { width: 100%; padding: 10px; margin: 10px 0; }
            button { padding: 10px 20px; background: #4CAF50; color: white; border: none; cursor: pointer; }
            #qrcode { margin: 20px 0; }
        </style>
    </head>
    <body>
        <h1>点云查看器二维码生成器</h1>
        <div class="container">
            <p>输入您部署后的网站URL，生成可分享的二维码：</p>
            <input type="text" id="url" placeholder="https://your-deployment-url.com" />
            <button onclick="generateQRCode()">生成二维码</button>
            <div id="qrcode"></div>
            <p>提示：生成后，右键点击二维码图片并选择"保存图片"保存到您的设备上。</p>
        </div>
        
        <script>
            function generateQRCode() {
                const url = document.getElementById('url').value;
                if (!url) {
                    alert('请输入有效的URL');
                    return;
                }
                
                const qr = qrcode(0, 'L');
                qr.addData(url);
                qr.make();
                
                const qrCodeDiv = document.getElementById('qrcode');
                qrCodeDiv.innerHTML = qr.createImgTag(5);
            }
        </script>
    </body>
    </html>
    